<!DOCTYPE html>
    <html lang="cs">
        <head>
            <title>Pavla je chytrá</title>
            <link rel="stylesheet" href="styl.css" type="text/css" />
            <meta charset="utf-8">
        </head>
        <body>
            <header>
			<div id="logo">	<h1>BITWA - Pavla Suchánková</h1>
			</div>
			
			<nav>
				<ul>
                                    <li><a href="http://fbmi.cvut.cz">Stránky naší fakulty</a></li>
                                    <li><a href="http://seznam.cz">seznam.cz</a></li>
                                    <li><a href="http://google.com">Vyhledávač google</a></li>
                                    <li class="aktivni"><a href="text-1.html">Další</a></li>
                                    <li><a href="index.html">Domů</a></li>
				<ul>
			</nav>
	    </header>
            <article>
			<div id="centrovac">
				<header>	
					<h1>První stránka</h1>
					<div class="cistic"></div>
				</header>
                                <section>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi ullamcorper, lacus ut gravida pharetra, nisi nibh porttitor massa, in congue orci ipsum in justo. Morbi nec pharetra est. Nunc feugiat tellus eu est varius semper. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum aliquet, magna sed luctus dignissim, risus dui ullamcorper massa, ut pellentesque ipsum nunc vel arcu. Quisque a sapien id elit fermentum varius. Vestibulum mollis leo non tempus sodales. Quisque mollis erat quis felis malesuada, non interdum odio adipiscing. Phasellus id purus id leo facilisis cursus. Donec sagittis ultricies leo.</p>
                                    <p>Aenean ultrici   es aliquam molestie. Vivamus ut nisl eu est tempus molestie. Morbi congue odio massa, eget hendrerit urna sodales ac. Cras eget tellus nec eros ultricies sagittis eu quis sem. Quisque tortor lacus, cursus id orci vel, semper aliquam tellus. Donec lacinia quam tellus, et feugiat dui tempus nec. Sed commodo lacus eget vehicula sollicitudin. Nullam tristique venenatis risus, et hendrerit velit ultrices eget. Integer a dolor mauris. Nullam eget est purus. Proin scelerisque tortor neque, eu volutpat leo faucibus et. Praesent eu varius metus.</p>
                                    <p>Mauris ut suscipit arcu. Nullam non eros metus. In convallis fermentum lectus at condimentum. Sed pulvinar metus vel nulla tempus, ut sagittis nulla accumsan. Nunc a purus congue, congue erat id, ultrices lorem. Mauris non elit id libero viverra ultricies eu ac felis. Vestibulum sodales dapibus lacus, nec sodales diam. Nullam nec dui sed tellus pharetra rutrum. Phasellus interdum mauris nec massa rhoncus egestas.</p>
                                    <center><a href=https://www.google.cz/><img src="http://bestblog.cz/wp-content/uploads/519-800.jpg"width=50% height= 50%></a>
                                    </center>
                                    <ol>
                                        <li>svíčková</li>
                                        <li>palačinky</li>
                                        <li>zelenina</li>
                                        <li>ovoce</li>
                                    </ol>
                                    <p> <h2>Na první stránce jsou tagy použité v textu zde je ještě jejich výčet:</h2>
                                    <ul>
                                        <li><small>menší písmo</small></li>
                                        <li><big>Větší písmo</big></li>
                                        <li>a teď<sub>dolní index</sub></li>
                                        <li>a zde<sup>horní index</sup></li>
                                        <li><ins>podtržené</ins></li>
                                        <li><del>přešktnuté</del></li>
                                        <li><code>strojový kod</code></li>
                                        <li><b>tučné písmo</b></li>
                                        <li><i>kurzíva</i></li>
                                    </ul></p>
                                    <p><h2>A ještě výčet entit použitých na první stránce</h2>
                                    <ul>
                                        <li>#lt</li>
                                        <li>#gt</li>
                                        <li>copy</li>
                                    </ul></p>
                                 </section>
                                 <div class="cistic"></div>
                        </div>
            </article>
            <footer>		
			Vytvořila &copy Pavla Suchánková
            </footer>
        </body>
    </html>